<template>
    <div class="PositionRecDesc" :class="{pt: nodesc}">
      <p class="dec">
        <span>{{$t('candidateApplication.recommend_info')}}</span>
        <span src="javascript:;" class="recDesc" v-if="!nodesc"><a-icon type="info-circle" />{{$t('candidateApplication.recommend_report')}}</span>
      </p>
      <a-card class="reason">
        <slot name="content"></slot>
      </a-card>
    </div>
</template>
<script>
export default {
  name: 'PositionRecDesc',
  props: [ 'nodesc' ],
  data () {
    return {
    }
  },
  methods: {
  }
}
</script>
<style lang="stylus" scoped>
@import '../../styles/var.styl'
.PositionRecDesc
  background bgGrey
  margin-top -24px
  padding-bottom 12px
  &.pt
    padding-top 12px
  .dec
    display flex
    justify-content space-between
    padding 6px 24px
    .recDesc
      cursor pointer
      i
        margin-right 4px
      &:hover
        color hoverBlue
  .reason
    margin 0 12px
    :global(.ant-card-body)
      padding 12px
    h4
      font-weight bold
      font-size 16px
      margin-bottom 6px
      &.mt
        margin-top 12px
</style>
